
import 'package:baby/Entities/Article/Article.dart';
import 'package:baby/Entities/Article/ArticleCategory.dart';
import 'package:baby/Entities/Article/Cover/ContentCover.dart';
import 'package:baby/Entities/Article/Cover/MusicCover.dart';
import 'package:baby/Entities/Article/Cover/QuestionAnswerCover.dart';
import 'package:baby/Entities/BroadCastAccount.dart';
import 'package:baby/UI/Widgets/ListDividerGenerator.dart';
import 'package:baby/UI/Widgets/UISpecifics/ArticleItem.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter_icons/font_awesome.dart';

import 'BroadCastAccountHomePage.dart';

class EducationPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _EducationPageState();
  }
}

class _EducationPageState extends State with AutomaticKeepAliveClientMixin {
  var categories = <ArticleCategory>[
    ArticleCategory(
      label: "تەۋسىيەلەر",
      articles: [
        Article(
            dateTime: DateTime.now(),
            title: "ئوپېراتسىيە ئارقىلىق بوشانغان ئانىلار بۇ بىلىملەرنى بىلمىسىڭىز بولمايدۇ",
            content: "xxxxx",
            cover: ContentCover(
              title: "ئوپېراتسىيە ئارقىلىق بوشانغان ئانىلار بۇ بىلىملەرنى بىلمىسىڭىز بولمايدۇ",
              shortContent: "ئوپېراتسىيە ئارقىلىق بوشانغان ئانىلار بۇ بىلىملەرنى بىلمىسىڭىز بولمايدۇ",
              image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558076566867&di=aa097130b93dd6298f2df060eb7ee196&imgtype=0&src=http%3A%2F%2Fen.pimg.jp%2F039%2F260%2F884%2F1%2F39260884.jpg"
            )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "ئۆسۈپ يېتىلىش | ئىككىنچى ھەپتىسى بوۋاقنىڭ ئۆسۈش ئالاھىدىلىكى",
            content: "xxxxx",
            cover: ContentCover(
                title: "ئۆسۈپ يېتىلىش | ئىككىنچى ھەپتىسى بوۋاقنىڭ ئۆسۈش ئالاھىدىلىكى",
                shortContent: "ئۆسۈپ يېتىلىش | ئىككىنچى ھەپتىسى بوۋاقنىڭ ئۆسۈش ئالاھىدىلىكى",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558077093605&di=55e8fa446d353366db61a2ff40642ea8&imgtype=0&src=http%3A%2F%2Ft9.baidu.com%2Fit%2Fu%3D3368471510%2C2946121026%26fm%3D191%26app%3D48%26wm%3D1%2C13%2C90%2C45%2C0%2C7%26wmo%3D10%2C10%26n%3D0%26g%3D0n%26f%3DJPEG%3Fsec%3D1853310920%26t%3D7a3c23e91feaac54fc9fd2cbc2d9921a"
            )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "بوۋاقلارغا كېرەكلىك بۇ 5 لازىمەتلىك، سىز ئىشلىتىپ باقتىڭىزمۇ؟",
            content: "xxxxx",
            cover: ContentCover(
                title: "بوۋاقلارغا كېرەكلىك بۇ 5 لازىمەتلىك، سىز ئىشلىتىپ باقتىڭىزمۇ؟",
                shortContent: "بوۋاقلارغا كېرەكلىك بۇ 5 لازىمەتلىك، سىز ئىشلىتىپ باقتىڭىزمۇ؟",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558077214882&di=6d834703187e94666861ed851ab722d4&imgtype=0&src=http%3A%2F%2Fatt2.citysbs.com%2Fhangzhou%2F2014%2F08%2F25%2F16%2F5076x3140-161352_19381408954432112_2750e629572410918980c1cd5a46d6f0.jpg"
            )
        ),



        Article(
            dateTime: DateTime.now(),
            title: "ئوپېراتسىيە ئارقىلىق بوشانغان ئانىلار بۇ بىلىملەرنى بىلمىسىڭىز بولمايدۇ",
            content: "xxxxx",
            cover: ContentCover(
                title: "ئوپېراتسىيە ئارقىلىق بوشانغان ئانىلار بۇ بىلىملەرنى بىلمىسىڭىز بولمايدۇ",
                shortContent: "ئوپېراتسىيە ئارقىلىق بوشانغان ئانىلار بۇ بىلىملەرنى بىلمىسىڭىز بولمايدۇ",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558076566867&di=aa097130b93dd6298f2df060eb7ee196&imgtype=0&src=http%3A%2F%2Fen.pimg.jp%2F039%2F260%2F884%2F1%2F39260884.jpg"
            )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "ئۆسۈپ يېتىلىش | ئىككىنچى ھەپتىسى بوۋاقنىڭ ئۆسۈش ئالاھىدىلىكى",
            content: "xxxxx",
            cover: ContentCover(
                title: "ئۆسۈپ يېتىلىش | ئىككىنچى ھەپتىسى بوۋاقنىڭ ئۆسۈش ئالاھىدىلىكى",
                shortContent: "ئۆسۈپ يېتىلىش | ئىككىنچى ھەپتىسى بوۋاقنىڭ ئۆسۈش ئالاھىدىلىكى",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558077093605&di=55e8fa446d353366db61a2ff40642ea8&imgtype=0&src=http%3A%2F%2Ft9.baidu.com%2Fit%2Fu%3D3368471510%2C2946121026%26fm%3D191%26app%3D48%26wm%3D1%2C13%2C90%2C45%2C0%2C7%26wmo%3D10%2C10%26n%3D0%26g%3D0n%26f%3DJPEG%3Fsec%3D1853310920%26t%3D7a3c23e91feaac54fc9fd2cbc2d9921a"
            )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "بوۋاقلارغا كېرەكلىك بۇ 5 لازىمەتلىك، سىز ئىشلىتىپ باقتىڭىزمۇ؟",
            content: "xxxxx",
            cover: ContentCover(
                title: "بوۋاقلارغا كېرەكلىك بۇ 5 لازىمەتلىك، سىز ئىشلىتىپ باقتىڭىزمۇ؟",
                shortContent: "بوۋاقلارغا كېرەكلىك بۇ 5 لازىمەتلىك، سىز ئىشلىتىپ باقتىڭىزمۇ؟",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558077214882&di=6d834703187e94666861ed851ab722d4&imgtype=0&src=http%3A%2F%2Fatt2.citysbs.com%2Fhangzhou%2F2014%2F08%2F25%2F16%2F5076x3140-161352_19381408954432112_2750e629572410918980c1cd5a46d6f0.jpg"
            )
        ),
      ]
    ),
    ArticleCategory(
      label: "مۇزىكا",
      articles: [
        Article(
          dateTime: DateTime.now(),
          title: "چوڭ مىڭىنىڭ تەرەققىياتىغا پايدىلىق مۇزىكا",
          content: "xxxxx",
          cover: MusicCover(
            title: "چوڭ مىڭىنىڭ تەرەققىياتىغا پايدىلىق مۇزىكا",
            image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558016314776&di=c1c4b9783fd7dd8432fee6e004cd4635&imgtype=0&src=http%3A%2F%2Fpic1.cxtuku.com%2F00%2F14%2F93%2Fb846b2db4963.jpg",
            music: "http://www.example.com/music.mp3"
          )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "ھامىلدارلار مۇزىكىسى",
            content: "xxxxx",
            cover: MusicCover(
                title: "ھامىلدارلار مۇزىكىسى",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558016455708&di=ceaea399a2ad69d652e011c1c7ab440d&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fblog%2F201403%2F06%2F20140306222606_8RQXC.jpeg",
                music: "http://www.example.com/music.mp3"
            )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "ئۇخلىغاندا ئاڭلاشقا باب كېلىدىغان مۇزىكىلار",
            content: "xxxxx",
            cover: MusicCover(
                title: "ئۇخلىغاندا ئاڭلاشقا باب كېلىدىغان مۇزىكىلار",
                image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558016539372&di=796c85c35aa114ccc602f1bc05c8844a&imgtype=0&src=http%3A%2F%2Fis4-ssl.mzstatic.com%2Fimage%2Fthumb%2FPurple128%2Fv4%2Fb1%2F33%2F35%2Fb13335f1-f95b-c76e-497f-0836ac0c0a60%2Fsource%2F512x512bb.jpg",
                music: "http://www.example.com/music.mp3"
            )
        ),
      ]
    ),
    ArticleCategory(
      label: "رىسالە",
      articles: [
        Article(
          dateTime: DateTime.now(),
          title: "بۇلماق ئىتىش ئۇسۇلى",
          content: "xxxxx",
          cover: ContentCover(
            title: "بۇلماق ئىتىش ئۇسۇلى",
            image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558611879&di=51903af0432ac69bdfa4f7a7ed41f424&imgtype=jpg&er=1&src=http%3A%2F%2Fen.pimg.jp%2F033%2F263%2F194%2F1%2F33263194.jpg",
            shortContent: "ئاۋال بۇلىماقنى ئۇن چىلىپ، شىكەر سىلىپ سۇيۇق ئىتىدۇ.",
          )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "1 ياشتىن تۆۋەن بالىلار قانداق تاماقلارنى يىسە بولمايدۇ؟",
            content: "xxxxx",
            cover: ContentCover(
              title: "بۇلماق ئىتىش ئۇسۇلى 1 ياشتىن تۆۋەن بالىلار قانداق تاماقلارنى يىسە بولمايدۇ؟",
              image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558612031&di=a3ae777697343a478879ec1bd4aeca67&imgtype=jpg&er=1&src=http%3A%2F%2Fi1.wp.com%2Fmagazine.foodpanda.hk%2Fwp-content%2Fuploads%2Fsites%2F9%2F2016%2F07%2FRice-Porridge.jpg%3Fresize%3D700%252C525",
              shortContent: "1 ياشتىن تۆۋەن بالىلار كالا سۈتى، قىتىق، گۆش تۈرىدىكى يىمەكلىكلەرنى ئىستېمال قىلسا بولمايدۇ",
            )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "ئىشتىھانى ئاچىدىغان تاماقلار",
            content: "xxxxx",
            cover: ContentCover(
              title: "ئىشتىھانى ئاچىدىغان تاماقلار",
              image: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558017403304&di=e94dc3dc243188ad5800c7e40df35dab&imgtype=0&src=http%3A%2F%2Fwww.hktdc.com%2Fresources%2FMI_Portal%2FArticle%2Ftdcnews%2F2007%2F08%2F9046%2F1244797470381_51148.jpg",
              shortContent: "ئادەتتە بەزى تاتلىق تۈرۈم ۋە تاتلىق يىمەكلىكلەرنى كۆپرەك يەۋالغاندىن كىيىن ئىشتىھا تۇتۇلۇپ قالىدۇ، بۇنداق ۋاقىتتا كۆپرەك ھەركەت قىلىش ۋە خازلىق ئىچىملىكلەرنى ئىچىش كىرەك",
            )
        ),
      ]
    ),
    ArticleCategory(
      label: "قامۇس",
    ),
    ArticleCategory(
      label: "سۇئال جاۋاب",
      articles: [
        Article(
          dateTime: DateTime.now(),
          title: "1 ئايلىق بالامنىڭ ئۇيقىسى ياخشى ئەمەس",
          content: "بالام بىر ئايلىق بولدى، بىراق ئۇيقىسى ياخشى ئەمەس، قانداق قىلىمەن؟",
          cover: QuestionAnswerCover(
            title: "1 ئايلىق بالامنىڭ ئۇيقىسى ياخشى ئەمەس",
            question: "بالام بىر ئايلىق بولدى، بىراق ئۇيقىسى ياخشى ئەمەس، قانداق قىلىمەن؟",
            answer: "بوۋىقىڭىزنىڭ قورسىقىنىڭ تويغان-تويمىغانلىقىغا قاراپ بېقىڭ"
          )
        ),
        Article(
            dateTime: DateTime.now(),
            title: "بالام يامان سەت ژىغلايدۇ يامان ژىغلايدۇ...",
            content: "بالام تۇغۇلغىلى 5 كۈن بولدى، ئەمما يانماي قەۋەتلا ژىغلاپ قويىدۇ، ھىرىپ قالسا بىرەر سائەت ئۇخلىۋەتكەندىن كىيىن يەنە يىغلايدۇ، سەسەبى نىمىدۇ؟",
            cover: QuestionAnswerCover(
                title: "بالام يامان سەت ژىغلايدۇ يامان ژىغلايدۇ...",
                question: "بالام تۇغۇلغىلى 5 كۈن بولدى، ئەمما يانماي قەۋەتلا ژىغلاپ قويىدۇ، ھىرىپ قالسا بىرەر سائەت ئۇخلىۋەتكەندىن كىيىن يەنە يىغلايدۇ، سەسەبى نىمىدۇ؟",
                answer: "ئادەتتە بالىلار ئاسانلا ئۇيقۇ ھالىتىگە كىرەلەيدۇ، بىرەر سائەتتىن كىيىن ئويغىنىپ يىغلىشىدىكى ئەڭ چوڭ سەۋەب بولسا بەلكىم قورسىقى ئاچقانلىقتىن."
            )
        )
      ]
    )
  ];


  void prepareOfficialAccountArticles(){
    categories.forEach((category) {
      category.articles.forEach((article) => broadcasts[0].articles.add(article..owner = broadcasts[0]));
    });
  }

  @override
  void initState() {
    prepareOfficialAccountArticles();
    super.initState();
  }

  var broadcasts = <BroadCastAccount>[
    BroadCastAccount(
      name: "قوزام ئىگە تەرەپ تاراتقۇسى",
      avatarUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558960560260&di=f9a2084146d38978ef7829d6782234cf&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F17%2F10%2F15%2F9ec36254db729d9dee0d904f5c0c710b.jpg",
      comment: "ئىگە تەرەپتىن ئەۋەتىلىدىغان ئەڭ ئىشەنچىلىك مەزمۇنلار",
      coverImage: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558962267010&di=97f90737f7af52d5c087c88f1e81673e&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn10120%2F221%2Fw640h381%2F20190402%2Fa114-hvcmeux7386794.jpg"
    ),
    BroadCastAccount(
      name: "پىسخىكا مەسلىھەتچىلىكى",
      avatarUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1558950692&di=6dcc077b18ed6cc2407e3cc8799ff148&src=http://p9.pstatp.com/large/439200020b1a0aefef15",
      comment: "ھەر ياشتىكى كىشىلەر ئۈچۈن زۆرۈر بولغان پىسخىكا بىلىملىرى سۆزلىنىدۇ",
      coverImage: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558964205473&di=2797cebdd3b33a573a706c7d97c826db&imgtype=0&src=http%3A%2F%2F08imgmini.eastday.com%2Fmobile%2F20190416%2F20190416160357_c09e0bfae747688f1897c94e6b141dee_4.jpeg"
    ),
    BroadCastAccount(
      name: "بوۋاقلار ساغلاملىقى",
      avatarUrl: "https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1558950723&di=0982a6e1531c8bfeb1c1547c6869f62e&src=http://pic4.zhimg.com/v2-28b42c7fef3053b3b8a0b7e4a013b153_b.jpg",
      comment: "بوۋاقلار ئۈچۈن زۆرۈر بولغان ساغلاملىق بىلىملىرى سۆزلىنىدۇ",
      coverImage: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558964233246&di=b96759e990b43a2f965ffe0724b11f34&imgtype=0&src=http%3A%2F%2Fs1.sinaimg.cn%2Flarge%2F006czZLUgy6WbczTGdta3"
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
//      color: Color(0x11000000),
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            automaticallyImplyLeading: false,
            backgroundColor: Colors.transparent,
            expandedHeight: 355.0,
            flexibleSpace: FlexibleSpaceBar(
              background: Container(
                child: Column(
                  children: <Widget>[
                    Stack(
                      children: <Widget>[
                        CarouselSlider(
                          items: categories[0].articles.map((article) => Stack(
                            children: <Widget>[
                              Container(
                                width: double.infinity,
                                height: double.infinity,
                                child: CachedNetworkImage(imageUrl: (article.cover as ContentCover).image, fit: BoxFit.cover),
                              ),
                              Align(
                                alignment: Alignment(0.0, 1.0),
                                child: Container(
                                  alignment: Alignment(0.0, 1.0),
                                  padding: EdgeInsets.all(5.0).add(EdgeInsets.only(bottom: 2.0)),
                                  child: Text(article.cover.title, overflow: TextOverflow.ellipsis, style: TextStyle(color: Colors.white),),
                                  height: 30.0,
                                  color: Color(0x4f000000),
                                ),
                              )
                            ],
                          )).toList(),
                          autoPlay: true,
                          autoPlayInterval: Duration(seconds: 3),
                          height: 200.0,
                          reverse: true,
                          viewportFraction: 1.0,
                        ),
                        Padding(
                          padding: EdgeInsets.symmetric(horizontal: 10.0, vertical: 25.0),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: <Widget>[
                              Builder(
                                builder: (context) => FloatingActionButton(
                                  child: Icon(Icons.menu),
                                  onPressed: (){
                                    Scaffold.of(context).openDrawer();
                                  },
                                  mini: true,
                                  heroTag: "EducationPage-MenuButton",
                                ),
                              )
                            ],
                          ),
                        ),
                      ],
                    ),
                    Row(
                      children: <Widget>[
                        _buildCategoryIconItem(context, ArticleCategory(label: "مۇزىكا", avatarUrl: "assets/icons/ic_act_add_audio_new.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "سىن", avatarUrl: "assets/icons/ic_act_add_bbstory_new.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "رەسىم", avatarUrl: "assets/icons/ic_act_add_photo_new.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "تەقدىرلەش", avatarUrl: "assets/icons/ic_add_praise_new.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "ئالاقە", avatarUrl: "assets/icons/ic_contact_community.png"),),
                      ],
                    ),
                    Row(
                      children: <Widget>[
                        _buildCategoryIconItem(context, ArticleCategory(label: "ئۇقتۇرۇش", avatarUrl: "assets/icons/ic_add_notice_new.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "ئالاقە", avatarUrl: "assets/icons/ic_contact_relative.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "رەسىم", avatarUrl: "assets/icons/ic_act_add_photo_new.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "ئالاقە", avatarUrl: "assets/icons/ic_contact_community.png"),),
                        _buildCategoryIconItem(context, ArticleCategory(label: "تەقدىرلەش", avatarUrl: "assets/icons/ic_add_praise_new.png"),),
                      ],
                    ),
                  ],
                ),
              ),
            ),
          ),
          SliverList(
            delegate: SliverChildListDelegate(categories.where((category) => category.articles.length > 0).map((category) => _buildCategoryItem(context, category)).toList()),
          )
        ],
      ),
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.all(0.0),
          children: [
            Image.network("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558962267010&di=97f90737f7af52d5c087c88f1e81673e&imgtype=0&src=http%3A%2F%2Fn.sinaimg.cn%2Fsinacn10120%2F221%2Fw640h381%2F20190402%2Fa114-hvcmeux7386794.jpg", height: 130.0, fit: BoxFit.cover,),
            ListTile(
              onTap: (){
                Navigator.of(context).pop();
              },
              title: Text("باش بەت",),
              subtitle: Text("ھەممە ئەڭ يىقىنقى مەزمۇنلار مۇشۇ يەردە"),
              leading: Image.asset("assets/icons/ic_parent_forum.png", width: 50.0, height: 50.0,),
            ),
            ListTile(
              onTap: (){
                Navigator.of(context).pop();
              },
              title: Text("ئەگەشكنلىرىم",),
              subtitle: Text("سىز ئەگىشىۋالغان تاراتقۇلار يازمىلىرى"),
              leading: Image.asset("assets/icons/ic_parent_event.png", width: 50.0, height: 50.0,),
            ),
            Divider(),
            ...ListDividerGenerator(broadcasts.map((broadcast) => ListTile(
              onTap: () async {
                Navigator.of(context).push(MaterialPageRoute(builder: (context) => BroadCastAccountHomePage(broadCastAccount: broadcast)));
              },
              title: Text(broadcast.name),
              subtitle: Text(broadcast.comment),
              leading: Hero(
                child: CircleAvatar(
                  radius: 25,
                  backgroundImage: CachedNetworkImageProvider(broadcast.avatarUrl),
                ),
                tag: "BroadCaster:${broadcast.name}",
              )
            )).toList(), SizedBox(height: 15.0,)).items
          ]
        )
      ),
    );
  }

  Widget _buildCategoryIconItem(BuildContext context, ArticleCategory category) {
    return Expanded(
      child: InkWell(
        child: Padding(
          padding: EdgeInsets.symmetric(vertical: 15.0),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Image.asset(category.avatarUrl, width: 40.0, height: 40.0,),
              Text(category.label)
            ],
          ),
        ),
        onTap: (){},
      ),
    );
  }

  Widget _buildCategoryItem(BuildContext context, ArticleCategory category){
    return Card(
      margin: EdgeInsets.only(bottom: 10.0, left: 10.0, right: 10.0),
      child: Padding(
        padding: EdgeInsets.all(10.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: [
            Row(
              children: <Widget>[
                Container(
                  color: Theme.of(context).primaryColor,
                  width: 2.0,
                  height: 20.0,
                ),
                SizedBox(width: 5.0,),
                Text(category.label),
                Spacer(),
                Text("تىخىمۇ كۆپ...", style: TextStyle(color: Theme.of(context).primaryColor)),
              ],
            ),
            Divider(),
            ...ListDividerGenerator(category.articles.map((article) => ArticleItem(article: article)).toList(), Divider()).items
          ],
        ),
      ),
    );
  }

  @override
  bool get wantKeepAlive => true;
}

